


            .contact{
                width: 100%;
            }
            .contact .fluid{
                justify-content: space-between;
                align-items: flex-end;
            }
            .contact .fluid>*{
                width: 100%;
                position: relative;
            }
            .contact .fluid .content h1{
                font-size: 50px;
                line-height: 50px;
                color: #543a00;
                margin-bottom: 90px;
            }
            .contact .fluid .content p{
                font-size: 30px;
                line-height: 30px;
                margin-top: 35px;
            }
            .contact .fluid .code>*{
                width: 50%;
                position: relative;
                padding-bottom: 50%;
            }
            .contact .fluid .code .pic{
                background: rgba(255,255,255,.8);
            }
            .contact .fluid .code .pic img{
                width: calc(100% - 30px * 2);
                top: 30px;
                left: 30px;
                position: absolute;
            }
            .contact .fluid .code .scan .contn{
                position: absolute;
                top: 40px;
                height: calc(100% - 40px * 2);
                width: 100%;
                transform: translateX(40px);
            }
            .contact .fluid .code .scan .contn .txt{
                position: absolute;
                left: -120px;
                top: 10px;
                font-size: 27px;
                color: #543a00;
                z-index: 2;
            }
            .contact .fluid .code .scan .contn .txt h5{
                font-size: 44px;
                line-height: 44px;
                margin: 20px 0px;
            }
            .contact .fluid .code .scan .contn>*:not(div){
                position: absolute;
            }
            .contact .fluid .code .scan .contn>span{
                background: #897053;
            }
            .contact .fluid .code .scan .contn .tp{
                width: 100%;
                height: 4px;
                left: 0px;
            }
            .contact .fluid .code .scan .contn .lft{
                width: 4px;
                height: 100%;
                left: 0px;
                top: 0px;
            }
            .contact .fluid .code .scan .contn .btmLft{
                width: 50%;
                height: 4px;
                bottom: 0px;
                left: 0px;
            }
            .contact .fluid .code .scan .contn .btmRht{
                width: 20%;
                height: 4px;
                right: 0px;
                bottom: 0px;

            }
            .contact .fluid .code .scan .contn img{
                left: 50%;
                right: 20%;
                margin: auto;
                bottom: 0px;
                transform: translateY(33%);
            }
            

            @media(max-width:1350px){
                .contact .fluid .content{
                    padding-right: 10%;
                }
                .contact .fluid .content h1{
                    font-size: 46px;
                    line-height: 46px;
                    margin-bottom: 70px;
                }
                .contact .fluid .content p{
                    font-size: 24px;
                    line-height: 120%;
                    margin-top: 25px;
                }
                .contact .fluid .code .scan .contn .txt{
                    left: -100px;
                    font-size: 22px;
                }
                .contact .fluid .code .scan .contn .txt h5{
                    font-size: 40px;
                    line-height: 40px;
                    margin: 15px 0px;
                }
                .contact .fluid .code .scan .contn img{
                    width: 20%;
                }
            }
            @media(max-width:1024px){
                .contact .fluid .content h1{
                    font-size: 38px;
                    line-height: 38px;
                    margin-bottom: 40px;
                }
                .contact .fluid .content p{
                    font-size: 22px;
                    margin-top: 20px;
                }
                .contact .fluid .code{
                    margin-top: 60px;
                }
                .contact .fluid .code .scan .contn .txt{
                    left: -40px;
                    font-size: 18px;
                }
                .contact .fluid .code .scan .contn .txt h5{
                    font-size: 30px;
                    line-height: 30px;
                    margin: 15px 0px;
                }
                .contact .fluid .code .scan .contn img{
                    width: 20%;
                }

                main,
                .contact .fluid{
                    display: block;
                }
                .contact{
                    padding: 120px 0px;
                }
                .contact .fluid>*{
                    width: 100%;
                }
            }

            @media (max-width:767px){
                .contact{
                    padding: 100px 0px;
                }
                .contact .fluid .content h1{
                    font-size: 26px;
                    line-height: 26px;
                }
                .contact .fluid .content p{
                    font-size: 16px;
                    margin-top: 15px;
                }
                .contact .fluid .code .pic{
                    width: 40%;
                    padding-bottom: 40%;
                }
                .contact .fluid .code .pic img{
                    width: calc(100% - 20px);
                    top: 10px;
                    left: 10px;
                }
                .contact .fluid .code .scan{
                    width: 60%;
                }
                .contact .fluid .code .scan .contn {
                    top: 30px;
                    height: calc(100% - 30px * 2);
                    transform: translateX(20px);
                }
                .contact .fluid .code .scan .contn .txt{
                    font-size: 12px;
                    left: -20px;
                }
                .contact .fluid .code .scan .contn .txt h5{
                    font-size: 20px;
                    margin: 5px 0px;
                    line-height: 20px;
                }
                .contact .fluid .code .scan .contn .tp,
                .contact .fluid .code .scan .contn .btmLft,
                .contact .fluid .code .scan .contn .btmRht{
                    height: 2px;
                }
                .contact .fluid .code .scan .contn .lft{
                    width: 2px;
                }
                .contact .fluid .code .scan .contn .btmLft{
                    width: 55%;
                }
                .contact .fluid .code .scan .contn .btmRht{
                    width: 15%;
                }
                .contact .fluid .code .scan .contn img{
                    width: 25%;
                    left: 55%;
                    right: 15%;
                }
            }
